<template>
  <div id="app">
    <!-- 搜索框 -->
    <SearchBar />
    <!--列表像卡片一样展示  -->
    <CardGrid />
  </div>
</template>

<script>
import axios from "axios";
import SearchBar from "./components/SearchBar.vue";
import CardGrid from "./components/CardGrid.vue";
export default {
  name: "App",
  data: function () {
    return {};
  },

  components: { SearchBar, CardGrid },

  methods: {
    getUserList() {
      axios
        .get("http://localhost:8080/api/demo/students")
        .then((response) => {
          console.log(response.data);
        })
        .catch((error) => {
          console.error("请求失败:", error.message);
        });
    },
  },
};
</script>

<style>
#app {
  /* 页面骨架 */
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  max-width: 1260px;
  margin: 40px auto;
  padding: 0 16px;
}
/* 如果还有其它全局元素，继续写在这里 … */
</style>
